<script>
export default {
  data() {
    return {
      currentDate: new Date(),
      test:[
        {
          A:'nihao',
          B:'howareyou',
          url:require('../assets/shwj8.png')
        },
        {
          A:'nihao2',
          B:'howareyou2',
          url:require('../assets/darksoul.png')
        },
        {
          A:'nihao3',
          B:'howareyou3',
          url:require('../assets/guiqi5.png')
        },
        {
          A:'nihao4',
          B:'howareyou4',
          url:require('../assets/hollowknight.png')
        },
        {
          A:'nihao5',
          B:'howareyou5',
          url:require('../assets/elderring.png')
        },
        {
          A:'nihao6',
          B:'howareyou6',
          url:require('../assets/deadspace.png')
        },
      ],
    };
  }
}
</script>

<template>
  <div>
    <div v-for="(item,index) in test">
      {{item.A}}+{{item.B}}<br>

    </div>
    <div v-for="(item,index) in test">
      <el-row >
        <el-col :span="7" class="left">
          <img :src="item.url"></img>
          <div>
            <span style="float: left">简介</span>
          </div>
          <div>
            <span style="float: left">销量</span>
            <span style="float: right">价格</span>
          </div>


          <el-button type="primary" style="width: 80%">购买</el-button>
        </el-col>
      </el-row>
    </div>
  </div>



</template>

<style scoped>
.time {
  font-size: 13px;
  color: #999;
}
img{
  width: 100%;
}

.bottom {
  margin-top: 13px;
  line-height: 12px;
}

.button {
  padding: 0;
  float: right;
}

.image {
  width: 100%;
  display: block;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both
}

</style>
